﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="follow" />
<meta http-equiv="Content-Language" content="de" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="publisher" content="ppandp"/>
<meta name="Description" content="ppandp - Corporate Business xHTML Template" />
<title>ppandp - Corporate Business xHTML Template</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/print.css" rel="stylesheet" type="text/css" media="print" />
<script src="js/jquery-1.7.1.js" type="text/javascript"></script>
<script src="js/custom-menu.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" />
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
  });
</script>
<script src="js/image-hover.js" type="text/javascript"></script>
<script src="js/mailmask.js" type="text/javascript"></script>
<script src="js/jquery.ui.core.js" type="text/javascript"></script>
<script src="js/jquery.ui.widget.js" type="text/javascript"></script>
<script src="js/jquery.ui.accordion.js" type="text/javascript"></script>
<script type="text/javascript">
	jQuery(function() {
		jQuery( "#accordion" ).accordion({
			autoHeight: false,
			navigation: true
		});
	});
</script>
<link href="css/onebyone.css" rel="stylesheet" type="text/css" media="screen" />
<script src="js/jquery.cycle.all.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    $('#slider').cycle({
        fx: 'fade',
        fadeSpeed: 500,
        timeout: 4100,
        pager:  '#cyclenav-full-width-image'
    });
});
</script>
</head>
<body>
<div id="wrapper">
  <!-- start header -->
  <div id="header">
    <div class="header-content">
      <div class="topnavbar clearfix"> <span class="alignright"> <a class="padding-left" href="contact.html" title="Contact">Contact</a><a class="padding-left" href="contact.html" title="Directions">Directions</a><a href="#" onclick="return false" title="Legal">Legal</a></span> <span class="alignleft"> <a class="active" href="#" onclick="return false" title="English">EN</a><span class="padding">|</span><a href="#" onclick="return false" title="Deutsch">DE</a><span class="padding">|</span><a href="#" onclick="return false" title="Fraçais">FR</a> </span> </div>
      <ul class="topnav alignright">
        <li class="first"><a href="index-2.html" title="Home">Home</a>
          <div class="subnav subnav3">
            <div class="clearfix" id="home">
              <dl class="alignleft">
                <dd><a href="easing.html" title="Cycle Slider with Easing function">Easing Function</a></dd>
                <dd><a href="cycle.html" title="Full Width Image Slider">Full Width Image</a></dd>
              </dl>
            </div>
          </div>
        </li>
        <li><a href="#" onclick="return false" title="Services" class="cursor">Services</a>
          <div class="subnav subnav1">
            <div class="clearfix" id="services">
              <dl class="alignleft">
                <dt>Shortcodes</dt>
                <dd><a href="typography-elements.html" title="Typography &amp; Elements">Typography &amp; Elements</a></dd>
                <dd><a href="columns.html" title="Columns">Columns</a></dd>
                <dd><a href="price-table.html" title="Price Table">Price Table</a></dd>
                <dt class="head">Navi Options</dt>
                <dd><a href="onclick.html" title="On Click">OnClick</a></dd>
              </dl>
            </div>
          </div>
        </li>
        <li><a href="standard-portfolio.html" title="Portfolio">Portfolio</a>
          <div class="subnav subnav2">
            <div class="clearfix" id="portfolio">
              <dl class="alignleft">
                <dd><a href="standard-portfolio.html" title="Standard Portfolio">Standard Portfolio</a></dd>
                <dd><a href="filterable-portfolio.html" title="Filterable Portfolio">Filterable Portfolio</a></dd>
                <dd><a href="single-work.html" title="Single Work">Single Work</a></dd>
              </dl>
            </div>
          </div>
        </li>
        <li class="active"><a href="blog.html" title="Blog">Blog</a>
          <div class="subnav subnav3">
            <div class="clearfix" id="blog">
              <dl class="alignleft">
                <dd><a href="blog.html" title="Overview">Overview</a></dd>
                <dd><a href="single-post.html" title="Single Blog Entry">Single Blog Entry</a></dd>
              </dl>
            </div>
          </div>
        </li>
        <li><a href="about-us.html" title="Company">Company</a>
          <div class="subnav subnav3">
            <div class="clearfix" id="company">
              <dl class="alignleft">
                <dd><a href="about-us.html" title="About Us">About Us</a></dd>
                <dd><a href="team.html" title="Our Team">Our Team</a></dd>
              </dl>
            </div>
          </div>
        </li>
      </ul>
      <!-- start logo -->
      <h1 id="logo" class="alignleft"><a href="index-2.html" title="ppandp">ppandp</a></h1>
      <!-- end logo -->
    </div>
    <div id="header-bottom" class="clear"></div>
  </div>
  <!-- end header -->
  <!-- start content -->
  <div id="container" class="clearfix">
    <div class="content">
      <h2 class="no-subtext">Our Blog</h2>
      <div class="col3-4">
        <h3><a href="single-post.html" title="Single Post">We Appreciate Any Kind of Feedback (Standard Post)</a></h3>
        <p class="clearfix"><span class="calendar alignleft">On June 21, 2012</span> <span class="user alignleft">By <a href="#" onclick="return false" title="User">admin</a></span> <span class="comment alignleft">With <a href="single-post.html#comments" onclick="return false" title="View Comments">10 Comments</a></span></p>
        <div class="pics">
          <div class="proj-img"><a href="images/shutterstock_84787564.jpg" title="Image Title" rel="prettyPhoto"></a><img src="images/image1-l.jpg" alt="Shutterstock 84787564" /><i>hover background</i></div>
        </div>
        <p>Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis lorem eus semper. Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna.</p>
        <p><a href="single-post.html" title="Single Post">Read more</a></p>
        <h3><a href="single-post.html" title="Single Post">Yet Another Blog Post (Quote Post)</a></h3>
        <p class="clearfix"><span class="calendar alignleft">On June 21, 2012</span> <span class="user alignleft">By <a href="#" onclick="return false" title="User">admin</a></span> <span class="comment alignleft">With <a href="single-post.html#comments" onclick="return false" title="View Comments">10 Comments</a></span></p>
        <div class="infobox">
          <h2 class="alignleft padding-right">"</h2>
          <h4>This could be a blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut.</h4>
        </div>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum.</p>
        <p> Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed tetur suscipit nunc et rutrum.</p>
        <p><a href="#" onclick="return false" title="Link">Read more</a></p>
        <h3><a href="single-post.html" title="Single Post">We Boost Your Sales (Video Post)</a></h3>
        <p class="clearfix"><span class="calendar alignleft">On June 21, 2012</span> <span class="user alignleft">By <a href="#" onclick="return false" title="User">admin</a></span> <span class="comment alignleft">With <a href="single-post.html#comments" onclick="return false" title="View Comments">10 Comments</a></span></p>
        <div class="pics">
          <iframe width="100%" height="383px" src="http://player.vimeo.com/video/40255993?title=1&amp;byline=1&amp;portrait=0&amp;color=ffffff;" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
        </div>
        <p>Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis lorem eus semper. Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna.</p>
        <p><a href="single-post.html" title="Single Post">Read more</a></p>
        <h3><a href="single-post.html" title="Single Post">Another One for You (Gallery Post)</a></h3>
        <p class="clearfix"><span class="calendar alignleft">On June 21, 2012</span> <span class="user alignleft">By <a href="#" onclick="return false" title="User">admin</a></span> <span class="comment alignleft">With <a href="single-post.html#comments" onclick="return false" title="View Comments">10 Comments</a></span></p>
        <div class="pics">
          <div id="slider"> <img src="images/image3-l.jpg" class="item_2_1" alt="" /> <img src="images/image2-l.jpg" class="item_2_1" alt="" /> <img src="images/image1-l.jpg" class="item_2_1" alt="" /> </div>
          <!-- end slider -->
          <div id="cyclenav-full-width-image" class="alignright"></div>
        </div>
        <!-- end slideshow -->
        <p>Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis lorem eus semper. Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna.</p>
        <p><a href="single-post.html" title="Single Post">Read more</a></p>
        <h3><a href="single-post.html" title="Single Post">Ok, One Last One (Only Text Post)</a></h3>
        <p class="clearfix"><span class="calendar alignleft">On June 21, 2012</span> <span class="user alignleft">By <a href="#" onclick="return false" title="User">admin</a></span> <span class="comment alignleft">With <a href="single-post.html#comments" onclick="return false" title="View Comments">10 Comments</a></span></p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum.</p>
        <p> Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed tetur suscipit nunc et rutrum.</p>
        <p><a href="single-post.html" title="Single Post">Read more</a></p>
        
        
        <div id="navi-blog">
          <div class="page active"><a href="#" onclick="return false">1</a></div>
          <div class="page"><a href="#" onclick="return false">2</a></div>
          <div class="page"><a href="#" onclick="return false">3</a></div>
        </div>
        
      </div>
      <div class="col1-4 last">
        <h3>Why Choose Us</h3>
        <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. </p>
        <h3>Categories</h3>
        <ul class="list no-deco">
          <li><a href="#" onclick="return false">Text &amp; Images</a></li>
          <li><a href="#" onclick="return false">Buttons</a></li>
          <li><a href="#" onclick="return false">Lists</a></li>
          <li><a href="#" onclick="return false">Typography</a></li>
          <li><a href="#" onclick="return false">Columns</a></li>
          <li><a href="#" onclick="return false">Lightbox</a></li>
          <li><a href="#" onclick="return false">Videos</a></li>
          <li><a href="#" onclick="return false">Tabs &amp; Toggles</a></li>
        </ul>
        <h3>Accordion Widget</h3>
        <div id="accordion">
          <h6><a href="#section1">Tempor Invidunt</a></h6>
          <div>
            <p>Phasellus egestas accumsan laoreet. Tincidunt ipsum sit amet. <br />
              <a href="#" onclick="return false" title="Link">Read more</a></p>
          </div>
          <h6><a href="#section2">Lorem Ipsum</a></h6>
          <div>
            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. <a href="#" onclick="return false" title="Link">Read more</a></p>
          </div>
          <h6><a href="#section3">Suspendisse Semper</a></h6>
          <div>
            <p>At vero eos et accusam et justo duo dolores et ea rebum. <br />
              <a href="#" onclick="return false" title="Link">Read more</a></p>
          </div>
        </div>
        <h3>Twitter Feed</h3>
        <ul id="twitter_update_list">
          Loading Tweets..
        </ul>
        <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
        <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/envato.json?callback=twitterCallback2&amp;count=3"></script>
      </div>
    </div>
  </div>
  <!-- end content -->
</div>
<!-- start footer -->
<div id="footer" >
  <div class="footer-content clearfix">
    <div class="col1-4">
      <h3>Contact Us</h3>
      <p>ppandp Business Theme<br />
        22 Miron Drive<br />
        New York City, 12603 NY<br />
        Email: <a href="contact.html" class="escape" title="Contact">info<span><span>&part;</span></span>domain.com</a><br />
        Phone: (845) 123 4567</p>
    </div>
    <div class="col1-4">
      <h3>About Us</h3>
      <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet. </p>
    </div>
    <div class="col1-4">
      <h3>Footer Links</h3>
      <p><a href="index-2.html" title="Home">Home</a><br />
        <a href="#" title="Typography">Services</a><br />
        <a href="standard-portfolio.html" title="Portfolio">Portfolio</a><br />
        <a href="blog.html" title="Blog">Blog</a><br />
        <a href="#" title="Company">Company</a><br />
      </p>
    </div>
    <div class="col1-4 last">
      <h3>We are Social</h3>
      <p>Connect with us through the following social media platforms!</p>
      <ul class="social">
        <li class="twitter first"><a href="http://twitter.com/#!/envato/" title="twitter">Visit our twitter Account</a></li>
        <li class="facebook"><a href="http://facebook.com/envato/" title="facebook">Visit our facebook Account</a></li>
        <li class="dribble"><a href="http://dribble.com/" title="dribble">Visit our dribble Account</a></li>
        <li class="flickr"><a href="http://flickr.com/" title="flickr">Visit our flickr Account</a></li>
        <li class="vimeo"><a href="http://vimeo.com/" title="vimeo">Visit our vimeo Account</a></li>
      </ul>
      <div class="clear"></div>
    </div>
    <div id="footer-bottom" class="clear">
      <p class="alignleft">© 2012 Tilability.com. All rights reserved.Collect from</p>
      <p class="alignright"><a href="#" onclick="return false" title="Link">Terms of Use</a> <span class="padding">|</span> <a href="#" onclick="return false" title="Link">Privacy Policy</a></p>
    </div>
  </div>
</div>
<!-- end footer -->
<div id="background"></div>

</body>
</html>
